<!doctype html>
<html>
  <head>
    <title>clientX/clientY example</title>

    <script>
      function showCoords(evt) {
        alert(
          "clientX value: " +
            evt.clientX +
            "\n" +
            "clientY value: " +
            evt.clientY +
            "\n",
        );
      }
	  // addEventListener
	  document.body.addEventListener('mounsedown', e => {
		console.log(e.clientX, e.clientY, '--->>>e.clientX, e.clientY')
	  })
    </script>
  </head>
  <body onmousedown="showCoords(event)">
    <p>To display the mouse coordinates click anywhere on the page.</p>
  </body>
</html>
